<template>
  <div class="school">
      <h2>学校名称：{{name}}</h2>
      <h2>学校地址：{{address}}</h2>
  </div>
</template>

<script>

  export default {
    name: 'School',
    data(){
      return{
        name:'inspurwahaha',
        address: 'jinan'
      }
    },
    methods:{
      showStudentName(name){
        console.log('学生姓名是',name)
      }
    },
    mounted() {
      this.$bus.$on('getStudentName',this.showStudentName)
    },
    beforeDestroy() {
      this.$bus.$off('getStudentName')
    }
  }
</script>

<style scoped>
  .school {
    background-color: skyblue;
    padding: 10px;
  }
</style>